﻿/* 
-----------------------
Jonisium Experiment - Supporting CSS 
-------------------------
*/


/* General formatting */
img
{
    border: none;
    border: 0;
}
pre
{
    border: 1px solid #CCCC00;
    color: blue;
    margin: 4px;
    padding: 6px;
    background: #FFFFCC;
    font-size: 88%;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    line-height: 1.0em;
}
code
{
    color: #008099;
}

pre p
{
    margin-bottom: 10px;
}
.copyright
{
    text-align: center;
    font-size: 90%;
}
.barLine
{
    background-image: url('/Content/Images/bg-green-right-shaded.png');
    height: 2px;
    clear: both;
    margin-top: 8px;
}

.divider
{
    margin-bottom: 4px;
    height: 2px;
    width: auto;
    clear: both;
}
.toRight
{
    float: right;
}
.toLeft
{
    float: left;
}
.hide, .hidden
{
    display: none;
}
.show
{
    display: block;
}

.floatLeft
{
    float:left;
}

.floatRight
{
    float:right;
}
.bg-silver
{
    background-color: #77ADFF;
    background-image: linear-gradient(top,#77ADFF, #F0F7FF);
    background-image: -khtml-gradient(linear, left top, left bottom, from(#77ADFF), to(#F0F7FF));
    background-image: -moz-linear-gradient(top, #77ADFF, #F0F7FF);
    background-image: -ms-linear-gradient(top, #77ADFF, #F0F7FF);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #77ADFF), color-stop(100%, #F0F7FF));
    background-image: -webkit-linear-gradient(top, #77ADFF, #F0F7FF);
    background-image: -o-linear-gradient(top, #77ADFF, #F0F7FF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77ADFF', endColorstr='#F0F7FF', GradientType=0);
    height: 60px;
}

.bg-blue
{
    background-color: #0099FF;
}
.bucket
{
    margin: 0px;
    padding: 4px;
}

.bucket h2
{
    color: #3399FF;
}

.padding4
{
    padding: 4px;
}
.padding5
{
    padding: 5px;
}
.padding6
{
    padding: 6px;
}

.title-bar
{
    color: #FFFFFF;
    background-color: #666666;
    background-image: linear-gradient(top,#666666, #DBDBDB);
    background-image: -khtml-gradient(linear, left top, left bottom, from(#666666), to(#DBDBDB));
    background-image: -moz-linear-gradient(top, #666666, #DBDBDB);
    background-image: -ms-linear-gradient(top, #666666, #DBDBDB);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #DBDBDB));
    background-image: -webkit-linear-gradient(top, #666666, #DBDBDB);
    background-image: -o-linear-gradient(top, #666666, #DBDBDB);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#666666", endColorstr="#DBDBDB", GradientType=0);
    -webkit-box-shadow: inset 0 1px 0 #999999;
    -moz-box-shadow: inset 0 1px 0 #999999;
    box-shadow: inset 0 1px 0 #999999;
    background-repeat: repeat;
    padding:4px;
    margin-bottom:10px;
    margin-top:10px;
}
